<template>
    <div class="side_routers">
        <div class="side_title"><b>{{$store.state.sideTit}}</b></div>
        <div class="side_list">
            <router-link nowrap v-for="(item,index) in sideRouters" :to="item.path" :key="index">
                <span :class="`iconfont ${item.icon}`"></span>
                <span>{{item.name}}</span>
            </router-link>
            <i :style="`top:${$store.state.currentSideNavIndex*40}px`"></i>
        </div>
    </div>
</template>

<script>

export default {
    data(){
        return {
            sideRouters:[]
        }
    },
    mounted(){
        this.sideRouters = this.$store.state.sideRouters
    }
}
</script>